<% if (props.stylingPackage?.name === "nativewind") { %>
  import '../global.css';
<% } %>

<% if (props.stylingPackage?.name === "unistyles") { %>
  import { useUnistyles } from "react-native-unistyles";
<% } %>
<% if (props.internalizationPackage?.name === "i18next") { %>
  import '../translation';
<% } %>
	import { Stack } from "expo-router";

<% if (props.analyticsPackage?.name === "vexo-analytics") { %>
  import { vexo } from 'vexo-analytics';

  vexo(process.env.EXPO_PUBLIC_VEXO_API_KEY);
<% } %>

export default function Layout() {
  <% if (props.stylingPackage?.name === "unistyles") { %>
    const { theme } = useUnistyles();
  <% } %>

	return (
    <% if (props.stylingPackage?.name === "unistyles") { %>
      <Stack
        screenOptions={{
          headerStyle: {
            backgroundColor: theme.colors.background,
          },
          headerTitleStyle: {
            color: theme.colors.typography,
          },
          headerTintColor: theme.colors.typography
        }}
      />
    <% } else { %>
      <Stack />
    <% } %>
	);
}
